﻿@model FanPagesWeb.Areas.Phanatio.Models.FanItemView
@{
    ViewBag.Title = "Phanatio - " + Model.FanItem.Name;
}
@section scripts{

<script src="../../../../Scripts/ViewFan.js"></script>
}



<div id="bigBody">
    <div id="leftPanel" class="leftPanel">
        <div id="logoFan" class="logoFan">
            <div style="width: 100%; float: left; height: 40px; border-bottom-color: #E7C525;
                border-bottom-style: solid; border-bottom-width: medium">
                @Model.FanItem.Name
            </div>
            <div style="width: 100%; float: left; margin-top: 3px; text-align: center">
                @if (Model.FanItem.Image != null)
                {                 
                    <img alt="Fan Item Image" src='@Url.Action("GetImage", new { id = @Model.FanItem.Id })'   />
                }
            </div>
        </div>
        <div id="fixedLinks" class="fixedLinks">
            <div style="width: 100%; float: left; border-bottom-color: #F7866A; border-bottom-style: solid;
                border-bottom-width: medium">
                Links
            </div>
            <div style="width: 100%; float: left; margin-top: 3px; text-align: center">
                @foreach (var link in Model.Links)
                {
                    <div style="width: 100%; float: left; text-align: left; margin-bottom: 3px">
                        <div style="width: 100%; float: left; font-weight: bold">
                            @link.Description
                        </div>
                        <div style="width: 100%; float: left;">
                            <a href="http://@link.Link" >@link.Link</a>
                        </div>
                    </div>
                }
            </div>
            <div style="width: 100%; float: left; margin-top: 3px; text-align: center">
                <div id="scrollbar1">
                    <div class="scrollbar">
                        <div class="track">
                            <div class="thumb">
                                <div class="end">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="viewport">
                        <div class="overview">
                            <div id="divTweet" style="height: 500px; text-align: justify">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="centerPanel" class="centerPanel">
        <div style="width: 100%; float: left; height: 30px; border-bottom-color: #8DBF35;
            border-bottom-style: solid; border-bottom-width: medium; font-family: 'Segoe UI Light';
            font-size: 24px; vertical-align: bottom; margin-top: 11px">
            News
        </div>
        <div style="width: 100%; float: left; margin-top: 3px; text-align: center; font-family: 'Calibri'">
            @foreach (var item in Model.News)
            {
                <div style="width: 100%; float: left; text-align: left; padding-bottom: 7px; border-bottom-style: solid;
                    border-bottom-width: thin; border-bottom-color: #5EA8DE;">
                    <div style="width: 100%; float: left; font-weight: bold; font-size: 14px">
                        <div style="float: left">
                            <img src="../../../../Content/image/pink_bullet.png" alt="" style="padding-top: 3px;" />
                            @item.Snippet
                        </div>
                    </div>
                    <div style="width: 100%; float: left; font-size: 14px;">
                        <a href="@item.Link" style="width: 100%;">@FanPages.Common.HtmlUtils.GetFixedString(item.Link, 50)</a>
                    </div>
                </div>
            }
        </div>
    </div>
    <div id="rigthPanel" class="rigthPanel">
        <div style="width: 100%; float: left; height: 30px; border-bottom-color: #5EA8DE;
            border-bottom-style: solid; border-bottom-width: medium; font-family: 'Segoe UI Light';
            font-size: 24px; vertical-align: bottom; margin-top: 11px">
            Videos
        </div>
        <div style="width: 100%; float: left; margin-top: 3px; text-align: center">
        </div>
    </div>
</div>
@*#F7866A*@